<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/flight.css" rel="stylesheet" type="text/css">
    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
    <link href="/styles/flight/css+hotel+datepicker-range^a1w^1552035728.css" rel="stylesheet" type="text/css">
    <link href="/styles/flight/css+mfw-header.2015^ylvs^1559526017.css" rel="stylesheet" type="text/css">
    <link href="/styles/flight/mfw-footer.css" rel="stylesheet" type="text/css">
    <link href="/styles/flight/mfw-toolbar.css" rel="stylesheet" type="text/css">
    <link href="https://css.mafengwo.net/css/cv/css+base:css+jquery.suggest:css+plugins:css+plugins+jquery.jgrowl:css+other+popup:css+mfw-header.2015^YlVS^1566868943.css"
          rel="stylesheet" type="text/css"/>
    <link href="https://css.mafengwo.net/flight/css/flightpc/index.ad132c05.css?1574230409" rel="stylesheet"
          type="text/css"/>
    <script type="text/javascript" src="/js/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="/js/plugins/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
    <script type="text/javascript" src="/js/system/index.js"></script>
    <script type="text/javascript" src="/js/plugins/jrender/jrender.min.js"></script>


    <script>
        /*订票机票点击事件*/
        $(function () {
            $(".submit").on("click", function () {
                var id = $(this).data('id');
                var time = $(this).data('time');
                var r = confirm("确认是否订购该机票？");
                if (r == true) {
                    // $("#commentForm").ajaxSubmit(function (data) {
                    //     //Alert.pop("评论成功");
                    //     $("#cmt_list").html(data);
                    //     $("#textarea").val("");
                    //
                    //
                    // })

                    $.post('/flight/order', {'id': id,'time':time}, function (data) {
                        if (!data.success) {
                            alert(data.msg);
                        } else {
                            alert("付款成功");
                            window.location.href = "/order";
                        }
                    });
                } else {
                    alert("取消预订!");
                }
            })
        })


    </script>


</head>
<style>


</style>
<body>

<#assign currentNav="flight">
<#include "../common/navbar.ftl">

<div id="app"><!---->
    <div class="v-flightpc-container v-book clearfix">
        <div class="fl main">
            <div class="cont">
                <div class="sec-title"><h3 class="text">乘机人</h3></div>
                <div class="psger-list clearfix"><!----></div>
                <div class="psger-add">
                    <ul class="list">
                        <li class="item"><span class="order">1</span>
                            <div class="wrap none">
                                <div class="people-inputbox"><input type="text" placeholder="请输入乘机人姓名" class="input"
                                                                    style="width: 452px;"><span
                                            class="type-name">成人票</span>
                                    <div class="info"><i class="note"></i>
                                        <div class="desc"><i class="corner"></i>
                                            <p>1. 请您严格按照所持有效证件上的姓名填写。<br></p>
                                            <p>2. 如您的姓名中含有生僻字或繁体字，请用拼音代替生僻字（如：陶喆喆，请填写‘陶zhezhe’），拼音之后不可再输入汉字，需用拼音代替。<br>
                                            </p>
                                            <p>3. 姓名中如含有特殊符号“·”“-”“.”等，可不用输入。<br></p>
                                            <p>4. 姓名过长时请使用缩写（中文名不超过12个汉字；拼音名不超过26个字符）。<br></p></div>
                                    </div>
                                </div>
                            </div>
                            <div class="wrap">
                                <div class="typebox"><input type="text" value="身份证" readonly="readonly" class="type"><i
                                            class="arrow"></i>
                                </div>
                                <div class="inputbox"><input type="text" placeholder="请填写证件号码" class="input"
                                                             style="width: 312px;"></div>
                                <span class="del-psger">删除</span></div><!----></li>
                    </ul>
                    <span class="btnbox"><i class="plus">&nbsp;</i><span class="add">添加乘机人</span></span></div>
            </div>
            <div class="cont">
                <div class="sec-title"><h3 class="text">联系人</h3></div>
                <div class="psger-list clearfix"></div>
                <div class="psger-add">
                    <ul class="list">
                        <li class="item none">
                            <div class="wrap none">
                                <div class="inputbox"><input type="text" placeholder="请填写联系人姓名"
                                                             class="input buyer-name"></div>
                            </div>
                            <div class="wrap">
                                <div class="typebox"><input type="text" value="86" readonly="readonly" class="type"><i
                                            class="arrow"></i>

                                </div>
                                <div class="inputbox"><input type="text" placeholder="请填写联系人手机号"
                                                             class="input buyer-phone"><!----></div>
                            </div>
                            <div class="wrap">
                                <div class="inputbox"><input type="text" placeholder="请填写联系人邮箱"
                                                             class="input buyer-email"></div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <button type="button" class="submit" data-id="${flight.id}" data-time="${time}">提交订单</button>
        </div>
        <div class="fr aside">
            <div class="trips">
                <div class="trip-item none">
                    <div class="trip-title none"><!----><span
                                class="trip-name">${flight.depport} - ${flight.arrport}</span><span
                                class="trip-date">${flight.chudate}</span>
                    </div>
                    <div class="trip-detail">
                        <div class="trip-left"><p class="trip-time">${flight.deptime}</p>
                            <p class="trip-airport">${flight.depportname}</p></div>
                        <div class="trip-mid"><p class="trip-hour">${flight.flightname}</p><span class="trip-line"><i
                                        class="trip-arrow"></i></span>
                            <p class="trip-info">${flight.flightno} <span>| 经济舱</span></p><!----></div>
                        <div class="trip-right"><p class="trip-time">${flight.arrtime}</p><!----><p
                                    class="trip-airport">${flight.arrportname}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="prices">
                <div class="price-item">
                    <div class="price-wrap clearfix"><span class="price-type">机票 成人</span><span class="price-info"><span
                                    class="price-num">¥${flight.price}</span> x 1</span></div>
                    <div class="price-wrap clearfix"><span class="price-type">机建燃油 成人</span><span
                                class="price-info"><span class="price-num">¥50</span> x 1</span></div>
                </div><!----><!----><!---->
                <div class="price-item">
                    <div class="price-wrap active clearfix"><span class="price-type" style="color: rgb(179, 112, 18);">优享套餐</span><span
                                class="price-info"><span class="price-num">¥50</span></span>
                        <div class="auxiliary"><i class="corner"></i>
                            <div class="list">
                                <div class="item">
                                    <div class="title">50元 国内酒店优惠券</div>
                                    <div class="desc">满499可用</div>
                                    <div class="desc">仅限境内酒店使用，领取后7天有效</div>
                                </div>
                                <div class="item">
                                    <div class="title">30元 国际机票优惠券</div>
                                    <div class="desc">满999可用</div>
                                    <div class="desc">仅限国际及港澳台机票使用，领取后7天有效</div>
                                </div>
                                <div class="item">
                                    <div class="title">20元 国内机票优惠券</div>
                                    <div class="desc">满699可用</div>
                                    <div class="desc">仅限国内机票使用，领取后3天有效</div>
                                </div>
                                <div class="item">
                                    <div class="title">10元 火车票优惠券</div>
                                    <div class="desc">满199可用</div>
                                    <div class="desc">仅限火车票使用，领取后7天有效</div>
                                </div>
                                <div class="item">
                                    <div class="title">10元 门票优惠券</div>
                                    <div class="desc">满299可用</div>
                                    <div class="desc">仅限门票使用，领取后7天有效</div>
                                </div>
                                <div class="item">
                                    <div class="title">优惠券规则</div>
                                    <div class="desc">* 优选礼包一经售出，不退不改</div>
                                    <div class="desc">* 优选礼包中优惠券点击顶部栏您的头像，在【我的优惠券】中进行查看</div>
                                    <div class="desc">* 优惠券使用方法及详细说明，请参考【我的优惠券】页面说明</div>
                                    <div class="desc">* 最终解释权归马蜂窝所有</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="total-price"><span class="total-title">应付总额</span><span
                        class="total-num">${flight.price+100}</span><span
                        class="total-type">¥</span></div>
            <div class="tgq">退改签行李额规则及供应商信息</div>
        </div><!---->
        <div class="v-dialog" style="display: none;">
            <div class="v-mask-loading">
                <div class="v-mask-loading-icon"></div>
            </div>
        </div><!----></div>
</div>
<#include "../common/footer.ftl">
</body>

</html>